<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>企业隐患排查信息</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" type="text/css" href="/css/jquery.my-modal.1.1.winStyle.css" />
<link rel="stylesheet" href="/css/esignDemo.css">
<script src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.my-modal.1.1.js"></script>

<link rel="stylesheet" href="/css/mui.min.css">
<script src="/js/mui.min.js"></script>
</head>
   <style type="text/css">
      
      .mui-content>.mui-table-view:first-child {
        margin-top: 0;
      }
      
      body,
      .mui-content {
        background-color: #FFFFFF;
      }
    </style>
<style type="text/css">
	#weiguineir,.chuna,#chrye{
	}
	.prd{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.push_button{
  background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #bab1ba);
  background-image: -moz-linear-gradient(top, #ededed, #bab1ba);
  background-image: -ms-linear-gradient(top, #ededed, #bab1ba);
  background-image: -o-linear-gradient(top, #ededed, #bab1ba);
  background-image: linear-gradient(to bottom, #ededed, #bab1ba);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 0px 1px 0px #e1e2ed;
  -webkit-box-shadow: 3px 4px 0px 0px #899599;
  -moz-box-shadow: 3px 4px 0px 0px #899599;
  box-shadow: 3px 4px 0px 0px #899599;
  font-family: Arial;
  color: #3a8a9e;
  font-size: 16px;
  padding: 12px 30px 12px 30px;
  border: solid #d6bcd6 1px;
  text-decoration: none;
  margin: 15px;
}
.heading{
	margin: 5px;
}
.push_button:hover {
  color: #3a8a9e;
  background: #bab1ba;
  text-decoration: none;
} 
.ha{
	width:100%;
}
.xinjiawenz:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.xinjiawenz{zoom:1}
.demo--radio:checked + .demo--radioInput:after {
    background-color: #00A1E9;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 18px;
    margin-left: -1px;
    margin-top: -1px;
    width: 18px;}


</style>
<script type="text/javascript">
    mui.plusReady(function() {
      var loopFlag = false; //默认不支持轮播

      var images = [].slice.call(document.querySelectorAll('.zhuapian-s img'));
      var urls = [];
      images.forEach(function(item) {
        urls.push(item.src);
      });
      mui('.zhuapian-s').on('tap', 'img', function() {
        var index = images.indexOf(this);
        plus.nativeUI.previewImage(urls, {
          current: index,
          loop: loopFlag,
          indicator: 'number'
        });
      });
    });
  </script>
<body style="background: #F2F2F2;">
<form action="{{route('smallplace_checkeagain_save')}}" method="post" enctype="multipart/form-data">
		
	<div class="bx zitidaxiao">		
		
		<ul class="ybzl">
			<li><p class="gongsimingchneg-s">{{$company['comName']}}</p></li>		
			<li><p>初查人</p><input disabled="disabled" type="text" value="{{$comcheck['checkUser']['name']}}" name="company[leader]" placeholder="" /></li>		
			<li><p>初查日期</p><input disabled="disabled" type="text" value="{{$comcheck['created']}}" class="" name="" placeholder="请输入出初查日期"></li>
		</ul>
		<ul class="ybzls-s">
		@foreach($dangers as $key=>$danger)
		<li>
			<p class="awfa">{{$key+1}} {{$danger->negativesContentText}}</p>
			<p class="zhuapian-s">
				@foreach($danger->picturesArr as $image)
				<img style="width: 85px;height: 65px;" src="{{$image}}" alt="">
				@endforeach
			</p>
			<div class="caozuoann">
				<span class="status tiure1 xuanzhong" status-value="1">未整改</span>
				<span class="status tiure2" status-value="2">部分整改</span>
				<span class="status tiure3" status-value="3">已整改</span>
				<input type="hidden" name="hideDanger[{{$key}}][status]" class="statusValue" value="1"/>
			</div>
			@if(!empty($danger->entryId))
			<!--<h1 class="weigner prd gtred gieo">添加违规内容</h1>-->
			@endif
			<div class="shngcuan content1 tirs dangqian">
				<div id="dcontent" class="dcontent">
					<p style="display: none;" class="heading">上传文件列表：</p>
					<ul id="files" style="text-align:left;display: none;">
						
					</ul>
					<div class="turae"></div>
					<input class="chryec wight-s" type="text" date-c="{{$key}}" date-d="1" name="hideDanger[{{$key}}][content][1]" placeholder="请输入文字描述">
					<table>
						<tbody>
							<tr class="ha">
								<td><div class="push_button" onclick="appendByCamera()">拍照</div></td>
								<td><div class="push_button" onclick="appendByGallery()">相册</div></td>
								<td><div name="picture[{{$key}}]" class="push_button" onclick="upload(this,{{$key}},1)">上 传</div>
								</td>	
							</tr>
							<input type="hidden"  name="hideDanger[{{$key}}][pictures][1]" id="img{{$key}}1" value="" />
							<tr class="ha">
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="shngcuan content2 tirs" style="display:none;">
				
				<div id="dcontent" class="dcontent">
					<p style="display: none;" class="heading">上传文件列表：</p>
					<ul id="files" style="text-align:left;display: none;">
						
					</ul>
					<div class="turae"></div>
					<input class="chryec wight-s" type="text" date-c="{{$key}}" date-d="2"  name="hideDanger[{{$key}}][content][2]" placeholder="请输入文字描述(必填项)">
					<table>
						<tbody>
							<tr class="ha">
								<td><div class="push_button" onclick="appendByCamera()">拍照</div></td>
								<td><div class="push_button" onclick="appendByGallery()">相册</div></td>
								<td><div name="picture[{{$key}}]" class="push_button" onclick="upload(this,{{$key}},2)">上 传</div>
								</td>	
							</tr>
							<input type="hidden"  name="hideDanger[{{$key}}][pictures][2]" id="img{{$key}}2" value="" />
							<tr class="ha">
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			
			<div class="shngcuan content3 tirs" style="display:none;">
				
				<div id="dcontent" class="dcontent">
					<p style="display: none;" class="heading">上传文件列表：</p>
					<ul id="files" style="text-align:left;display: none;">
						
					</ul>
					<div class="turae"></div>
					<input class="chryec wight-s" type="text"  date-c="{{$key}}" date-d="3"  name="hideDanger[{{$key}}][content][3]" placeholder="请输入文字描述">
					<table>
						<tbody>
							<tr class="ha">
								<td><div class="push_button" onclick="appendByCamera()">拍照</div></td>
								<td><div class="push_button" onclick="appendByGallery()">相册</div></td>
								<td><div name="picture[{{$key}}]" class="push_button" onclick="upload(this,{{$key}},3)">上 传</div>
								</td>	
							</tr>
							<input type="hidden"  name="hideDanger[{{$key}}][pictures][3]" id="img{{$key}}3" value="" />
							<tr class="ha">
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			@if($come_from=='check')
			<input type="hidden" name="hideDanger[{{$key}}][checkDetailId]" value="{{$danger->id}}"/>
			<input type="hidden" name="hideDanger[{{$key}}][checkAgainDetailId]" value="0"/>
			@elseif($come_from=='checkAgain')
			<input type="hidden" name="hideDanger[{{$key}}][checkDetailId]" value="{{$danger->checkDetailId}}"/>
			<input type="hidden" name="hideDanger[{{$key}}][checkAgainDetailId]" value="{{$danger->id}}"/>
			@endif

			<input type="hidden" name="hideDanger[{{$key}}][groupId]" value="{{$danger->groupId}}"/>
			<input type="hidden" name="hideDanger[{{$key}}][entryId]" class="inputIDs" value="{{$danger->entryId}}"/>
		</li>
		@endforeach
		
		
		
		<li>
			<div id="dcontent" class="dcontent rtuir">
				<span style="font-size: 16px;display: block;">其它隐患</span>
				<p>
				<label class="demo--label">
					<input class="demo--radio" type="radio" name="newDanger[0][type]" value="1">
					<span class="demo--radioInput"></span>消防
				</label>
				<label class="demo--label">
					<input class="demo--radio" type="radio" name="newDanger[0][type]" value="2" checked="">
					<span class="demo--radioInput"></span>生产
				</label>
				<p>
				</p>
				<label class="demo--label">
					<input class="demo--radio" type="radio" name="newDanger[0][status]" value="1">
					<span class="demo--radioInput"></span>基础档案
				</label>
				<label class="demo--label">
					<input class="demo--radio" type="radio" name="newDanger[0][status]" value="2" checked="">
					<span class="demo--radioInput"></span>作业现场
				</label>
				</p>
			
				<p style="display: none;" class="heading">上传文件列表：</p>
				<ul id="files" style="text-align:left;display: none;">

				</ul>
				<div class="turae"></div>
				<input class="chryec rtuir" style="" type="text" name="newDanger[0][entryContent]" placeholder="请填写其它隐患描述">
				<table>
					<tbody>
					<tr class="ha">
						<td><div class="push_button" onclick="appendByCamera()">拍照</div></td>
						<td><div class="push_button" onclick="appendByGallery()">相册</div></td>
						<td><div class="push_button" onclick="uload(this,1)">上 传</div>
						</td>
					</tr>
					<input type="hidden" name="newDanger[0][dangerPictures]" id="img1" value="">
					<tr class="ha">
					</tr>
					</tbody>
				</table>
			</div>
		</li>
		<li>

			<div id="dcontent" class="dcontent rtuir">
				<span style="font-size: 16px;display: block;">其它隐患</span>
				<p>
				<label class="demo--label">
					<input class="demo--radio" type="radio" name="newDanger[1][type]" value="1">
					<span class="demo--radioInput"></span>消防
				</label>
				<label class="demo--label">
					<input class="demo--radio" type="radio" name="newDanger[1][type]" value="2" checked="">
					<span class="demo--radioInput"></span>生产
				</label>
				</p>
				<p>
				<label class="demo--label">
					<input class="demo--radio" type="radio" name="newDanger[1][status]" value="1">
					<span class="demo--radioInput"></span>基础档案
				</label>
				<label class="demo--label">
					<input class="demo--radio" type="radio" name="newDanger[1][status]" value="2" checked="">
					<span class="demo--radioInput"></span>作业现场
				</label>
				</p>
				<p style="display: none;" class="heading">上传文件列表：</p>
				<ul id="files" style="text-align:left;display: none;">

				</ul>
				<div class="turae"></div>
				<input class="chryec rtuir" style="" type="text" name="newDanger[1][entryContent]" placeholder="请填写其它隐患描述">
				<table>
					<tbody>
					<tr class="ha">
						<td><div class="push_button" onclick="appendByCamera()">拍照</div></td>
						<td><div class="push_button" onclick="appendByGallery()">相册</div></td>
						<td><div class="push_button" onclick="uload(this,2)">上 传</div>
						</td>
					</tr>
					<input type="hidden" name="newDanger[1][dangerPictures]" id="img2" value="">
					<tr class="ha">
					</tr>
					</tbody>
				</table>
			</div>
		</li>
	</ul>



	</div>
	{{ csrf_field() }}
	<!--负责人签名-->
	<div>
		<p class="trud">被检查单位负责人签字：</p>
	    <div class="canvasDiv">
	        <div id="editing_area">
	            <canvas width="450" height="250" id="canvasEdit"></canvas>
	        </div>
	    </div>

	    <div class="imgDiv">
	        <span id="sign_show"></span>
	       <input type="hidden" name="companySign" value="" id="beijiancharen"/>
	    </div>

	    <div class="btnDiv">
	        <a id="sign_clear" class="clearBtn">清除</a>
	        <a id="sign_ok" class="okBtn">确认</a>
	    </div>
	</div>
	
	<!--检查人签名-->
	<div>
		<p class="trud">检查负责人签字：</p>
	    <div class="canvasDiv">
	        <div id="editing_areaone">
	            <canvas width="450" height="250" id="canvasEditone"></canvas>
	        </div>
	    </div>

	    <div class="imgDivone">
	        <span id="sign_showone"></span>
	       <input type="hidden"  id="jiancharen" name="checkSign" value=""/>
	    </div>

	    <div class="btnDiv">
	        <a id="sign_clearone" class="clearBtn">清除</a>
	        <a id="sign_okone" class="okBtn">确认</a>
	    </div>
	</div>
	<input type="hidden" name="come_from" value="{{$come_from}}"/>
	<input type="hidden" name="companyId" value="{{$company['id']}}"/>
	<input type="submit" class="qrtj dibuann" id="btn-submit" value="生成报告">
</form>




<!-- 违规内容弹窗 -->
	<div id="goodcover2"></div>
	<div id="code22">
	    <form id="form1" onsubmit="return false" action="##" method="get" class="goodtxt muc">
	    	<div class="pItem"
	    		>
				<p></p>
				<p></p>
				<p></p>
			</div>
	    	<input id="shezhi" type="submit" text="" />

	    </form>
	</div>
	
	
		<!--提交？-->
	<script type="text/javascript">
		var cheyuids;
		var cheyuidse;
		
		
		var checkid;
		var checkidde;
		
		$('#shezhi').click(function sel() {
			var xuanzhongde = $(this).parents("form").children('div').children('p').attr("data-check")
        	console.log(xuanzhongde)
			// 提交
			var arr = [];
			var xuanzhong = [];
			for (var i=0;i<$("#form1 .pItem p").length;i++){
				if($("#form1 .pItem p").eq(i).attr("class") == "act"){
					var ids = $("#form1 .pItem p").eq(i).attr("data-id")
					var iue = $("#form1 .pItem p").eq(i).text()
					if(!check) {
						var check = $("#form1 .pItem p").eq(i).attr("data-check")
					}
					arr.push(ids)
					xuanzhong.push(iue)
					
				}
			}
			console.log(arr)
			checkidde.siblings(".dangqian").children("input").remove()
			console.log($(this).attr("id"))

			checkidde.siblings(".dangqian").append("<input class='ere' name='hideDanger["+cheyuids+"][negatives]["+cheyuidse+"]' value ='"+arr.join(',')+",'  type='hidden' >");
			$('#code22').hide();
	        $('#goodcover2').hide();
				// ajax 提交数据
				
				
//				显示数据

//alert(checkid)
//每个大类的id
//alert(checkidde)
//点击的他自己这个违规选项的元素
//alert(xuanzhong)
//选中的违规项的内容
//修改bug
checkidde.siblings(".dangqian").children(".dcontent").children(".turae").children("h1").remove()

if(checkidde.children("h1.prd")!=""){
	checkidde.children("h1.prd").remove()}

for (var i=0;i<xuanzhong.length;i++){

	console.log(checkidde.attr("class"))
	checkidde.siblings(".dangqian").children(".dcontent").children(".turae").append("<h1 class='weigner prd' data-id='"+1+"'>"+xuanzhong[i]+"</h1>")

		}	
       })
        
        
        function play() {
        	console.log();
        	var cont=document.getElementById("ClickMe2");
  			console.log('innerHtml cont= '+ cont.innerHTML);
        }
    </script>
	
	<!--点击获取违规选项-->
	<script>
	$(function() {
		$("#form1 .pItem").on("click","p",function(){
			if($(this).attr("class") == "act"){
				$(this).removeClass("act")
			}else{
				$(this).addClass("act")
			}
		});
	    $('.weigner').click(function() {
//	    	$(this).parents("div").children('h1').siblings().remove()
			cheyuids = $(this).siblings(".dangqian").children('.dcontent').children('.wight-s').attr("date-c")
			cheyuidse = $(this).siblings(".dangqian").children('.dcontent').children('.wight-s').attr("date-d")
	    	checkid = $(this).siblings(".inputIDs").val();
	    	checkidde = $(this).parents("li").children('div').next();
			$.ajax({
				type: "GET",//方法类型weigner
				dataType: "json",//预期服务器返  回的数据类型
				url: "/check/getChecknegative/"+checkid ,//url
				data: $('#form1').serialize(),
				success: function (result) {
					$('#code22').center();
					$('#goodcover2').show();
					$('#code22').fadeIn();
					$("#form1 .pItem").find('p').remove()					
					for(var i=0;i<result.length;i++){						
						if(i==0){
							$("#form1 .pItem").append("<p class='act' data-check='"+checkid+"' data-id='"+result[i].id+"'>"+result[i].content+"</p>")
						}else{
							$("#form1 .pItem").append("<p data-check='"+checkid+"' data-id='"+result[i].id+"'>"+result[i].content+"</p>")
						}
					}
				},
				error : function() {
					alert("数据读取异常！");
				}
			});

	    });
	    $('#closebt2').click(function() {
	        $('#code22').hide();
	        $('#goodcover2').hide();
	    });
		$('#goodcover2').click(function() {
	        $('#code22').hide();
	        $('#goodcover2').hide();
	    });
	    jQuery.fn.center = function(loaded) {
	        var obj = this;
	        body_width = parseInt($(window).width());
	        body_height = parseInt($(window).height());
	        block_width = parseInt(obj.width());
	        block_height = parseInt(obj.height());

	        left_position = parseInt((body_width / 2) - (block_width / 2) + $(window).scrollLeft());
	        if (body_width < block_width) {
	            left_position = 0 + $(window).scrollLeft();
	        };

	        top_position = parseInt((body_height / 2) - (block_height / 2) + $(window).scrollTop());
	        if (body_height < block_height) {
	            top_position = 0 + $(window).scrollTop();
	        };

	        if (!loaded) {

	            obj.css({
	                // 'position': 'absolute'
	                'position': 'fixed'
	            });
	            obj.css({
	                'top': ($(window).height() - $('#code22').height()) * 0.5,
	                'left': left_position
	            });
	            $(window).bind('resize', function() {
	                obj.center(!loaded);
	            });
	            $(window).bind('scroll', function() {
	                obj.center(!loaded);
	            });

	        } else {
	            obj.stop();
	            obj.css({
	                // 'position': 'absolute'
	                'position': 'fixed'
	            });
	            obj.animate({
	                'top': top_position
	            }, 200, 'linear');
	        }
	    }

	})
	</script>
	<!---->
	
	



<!--h点击部分整改时的隐藏-->
<script>
	$(document).ready(function(){
		$(".status").click(function(){
			/*更改选中状态*/
			$(this).parent().find(".status").removeClass("xuanzhong");
			$(this).addClass("xuanzhong");
			/*更改选中的状态值*/
			var status = $(this).attr("status-value");
			$(this).parent().find(".statusValue").val(status);
			/*更改文字描述和上传按钮*/
			$(this).parent().parent().find(".shngcuan").attr("style", "display:none").removeClass("dangqian");
			$(this).parent().parent().find(".content"+status).attr("style","display:block").addClass("dangqian");
			
		});
		//验证提交表表单
		$('#btn-submit').click(function () {
	       var form = $(this).parents('form');
	       //验证签名
	       var companySign = $.trim($("#beijiancharen").val());
	       var checkSign = $.trim($("#jiancharen").val());
	       var validate_m = new MyModal.modal(function() {});
	       if(companySign.length <= 0) {
	       		$("#errorText").text('请被检查单位负责人签字');
	       		validate_m.show();
	       		return false;
	       }
	       if(checkSign.length<=0) {
	       		$("#errorText").text('请检查负责人签字');
	       		validate_m.show();
	       		return false;
	       }
	       var dangqianLength = $('.dangqian').length;
	       var dangqianDivs = $('.dangqian');
	       var dangqianInput = '';
	       var dangqianInputLen = 0;
	       if(dangqianLength > 0) {
		       	for(var i=0;i<dangqianLength;i++) {
		       		var dangqianDiv = dangqianDivs[i];
		       		/*当前状态(部分整改必填)*/
		       		var dangqianStatus = $(dangqianDiv).parent().find('.xuanzhong').attr("status-value");
		       		
		       		dangqianInput = $.trim($(dangqianDiv).find('.chryec').val());
		       		dangqianInputLen = dangqianInput.length;
		       		if(dangqianStatus==2) {
		       			if(dangqianInput == "") {
				        　　$("#errorText").text('存在部分整改选项未填写文字描述');
		       				validate_m.show();
		       				return false;
				    　　}
		       		}
		       		if(dangqianInputLen > 500) {
		    			$("#errorText").text('存在输入文字描述过长的选项');
	       				validate_m.show();
	       				return false;
		    		}

		       	}
	       }
	       form.submit();
	       
	    })

	});
</script>

<script>
	$(document).ready(function(){
		$(".tiure1").click(function(){$(".gtred").show()})
		$(".tiure2").click(function(){$(".gtred").show()})
		$(".tiure3").click(function(){$(".gtred").hide()})
	});
</script>



<script type="text/javascript" src="/js/esigntwo.js"></script>
<script type="text/javascript" src="/js/esignone.js"></script>
<script type="text/javascript">
$(function(){
	//初始化动作，根据DOM的ID不同进行自定义，如果不写则内部默认取这四个
	$().esign("canvasEdit", "sign_show", "sign_clear", "sign_ok");
});
$(function(){
	//初始化动作，根据DOM的ID不同进行自定义，如果不写则内部默认取这四个
	$().esignone("canvasEditone", "sign_showone", "sign_clearone", "sign_okone");
});
</script>
	<script type="text/javascript">
		var server="http://yhpc.ccshe.com/upload/uploadimg";
		var files=[];
		// 上传文件
		function upload(a,b,c){
			console.log(c);
			if(files.length<=0){
				plus.nativeUI.alert("没有添加上传文件！");
				return;
			}
			
			var wt=plus.nativeUI.showWaiting();
			var task=plus.uploader.createUpload(server,
					{method:"POST"},
					function(t,status){ //上传完成
						var rsult=JSON.parse(t.responseText);
	
						if(status==200){								
							var yu='img'+b+c;
							var td = a.parentNode;
							var tr = td.parentNode;
							var newImg = document.createElement("img");  
							//document.getElementByname('img').value += rsult.data + ',';
							document.getElementById(yu).value += rsult.data + ',';
							newImg.src = rsult.data; 
							
							tr.appendChild(newImg); 
							
							wt.close();
						}else{
							outLine("上传失败："+status);
							wt.close();
						}
					}
				);
			task.addData("client","HelloH5+");
			task.addData("uid",getUid());
			for(var i=0;i<files.length;i++){
				var f=files[i];
				task.addFile(f.path,{key:f.name});
			}
			task.start();
			files=[];
		}
		function uload(a,b){
			
			if(files.length<=0){
				plus.nativeUI.alert("没有添加上传文件！");
				return;
			}
			
			var wt=plus.nativeUI.showWaiting();
			var task=plus.uploader.createUpload(server,
					{method:"POST"},
					function(t,status){ //上传完成
						var rsult=JSON.parse(t.responseText);
	
						if(status==200){								
							var yu='img'+b;
							var td = a.parentNode;
							var tr = td.parentNode;
							var newImg = document.createElement("img");  
							//document.getElementByname('img').value += rsult.data + ',';
							document.getElementById(yu).value += rsult.data + ',';
							newImg.src = rsult.data; 
							
							tr.appendChild(newImg); 
							
							wt.close();
						}else{
							outLine("上传失败："+status);
							wt.close();
						}
					}
				);
			task.addData("client","HelloH5+");
			task.addData("uid",getUid());
			for(var i=0;i<files.length;i++){
				var f=files[i];
				task.addFile(f.path,{key:f.name});
			}
			task.start();
			files=[];
		}
		// 拍照添加文件
		function appendByCamera(){
			plus.camera.getCamera().captureImage(function(p){
				appendFile(p);
			});	
		}
		// 从相册添加文件
		function appendByGallery(){
			plus.gallery.pick(function(p){
		        appendFile(p);
		    });
		}
		// 添加文件
		var index=1;
		function appendFile(p){
			var fe=document.getElementById("files");
			var li=document.createElement("li");
			var n=p.substr(p.lastIndexOf('/')+1);
			li.innerText=n;
			fe.appendChild(li);
			files.push({name:"fileImg",path:p});
			index++;
			empty.style.display="none";
		}
		// 产生一个随机数
		function getUid(){
			return Math.floor(Math.random()*100000000+10000000).toString();
		}
		</script>
@include('error.alerts')
</body>
</html>